import AppBar from "@mui/material/AppBar";
import Toolbar from "@mui/material/Toolbar";
import Typography from "@mui/material/Typography";
import * as React from "react";
import AddIcon from "@mui/icons-material/Add";

const navStyle = {
  position: "fixed",
  top: 0,
  width: `calc(100% - 240px)`,
  marginLeft: 240,
  background: "#fff",
};

export default function Header() {
  return (
    <AppBar position="fixed" sx={{ zIndex: (theme) => theme.zIndex.drawer + 1 }} style={navStyle}>
      <Toolbar>
        <Typography variant="h8" noWrap component="div">
          <AddIcon />
          新建
        </Typography>
      </Toolbar>
    </AppBar>
  );
}
